<template>
    <div class="icons">
        <div style="margin-left: 160px;">
            <RouterLink to="/find/discover">推荐</RouterLink>
            <RouterLink to="#">推荐</RouterLink>
            <RouterLink to="#">推荐</RouterLink>
            <RouterLink to="#">推荐</RouterLink>
        </div>

    </div>
    <div class="content">
        <img src="http://p1.music.126.net/8x25admpgMHhn8Oq7o9NfA==/109951171421697046.jpg" alt="" width="95%"
            height="360">
    </div>
    <RouterView></RouterView>
</template>

<script setup>

import { RouterLink, RouterView } from 'vue-router';
import axios from 'axios'

const imgapi = async () => { 
    await axios({
        method: 'get',
        url:'https://apis.netstart.cn/xmsc/home/page'
    }).then(res => { 
        console.log(res.data.data.data.sections);
        let result = res.data.data.data
        console.log(result.sections[0].body.items);
        
    })
}
imgapi()

</script>

<style  scoped>
.icons{
    height: 30px;
    background-color: red;
    margin-top: -10px;
    a{
        text-decoration: none;
        color: white;
        font-size: 18px;
        margin-left: 100px;
        line-height: 30px;
    }
}
 .content {
     width: 100%;
     background-color: #454545;

     img {
         margin-left: 39px;
         /* margin: auto; */
     }
 }
</style>